<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  :title="title" class="dialogStyleBase" width="500px" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="dialogStyleBaseBox" >
        <el-form ref="editForm" :model="form" label-width="60px" label-position="left">

            <el-form-item label="原因" prop="cancelReasonType" :rules="{ required: true, message: '请选择 原因'}">
                <el-select v-model="form.cancelReasonType" style="width:100%;">
                    <el-option :label="item.dictLabel" :value="item.dictValue"
                        v-for="(item,index) in dict_order_cancel_reason" :key="item.id"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="描述" prop="cancelRemark" :rules="{ required: true, message: '请输入 描述'}">
                <el-input v-model="form.cancelRemark" maxlength="60" show-word-limit></el-input>
            </el-form-item>

        </el-form>
    </div>
    <div slot="footer">
        <el-button @click="editBoxCancel()">取 消</el-button>
        <el-button type="primary" @click="submit()">确定</el-button>
    </div>
</el-dialog>